<template>
    <div class="err">
      <div class="errContent">
        <img src="../.././assets/errPage/error-bg.jpg" alt="err" title="页面丢失">
        <div class="errText">
          <p>哎呀,&nbsp;页面丢失了!</p>
          <a href="javascript:;">返回</a>
        </div>
      </div>
    </div>
</template>
<style scoped>
.err{
  width:100%;
  height:100%;
  background: #fff;
}
  .err>.errContent{
    width:1120px;
    height:100%;
    margin: 0 auto;
    position: relative;
  }
  .err>.errContent>.errText{
    position: absolute;
    left:40.5%;
    top:220px;
    display: flex;
  }
.err>.errContent>.errText>p{
  margin-right: 15px;
}
.err>.errContent>.errText>a,.err>.errContent>.errText>p{
  font-size: 18px;
  color: #7072a2;
}
.err>.errContent>.errText>a{
  border-bottom: 1px solid #7072a2;
}
</style>
<script>
    export default{
        data(){
            return {
                msg: 'hello vue'
            }
        }
    }
</script>
